﻿
    h1
    {
        margin-top: 10px;
    }
    #container
    {
        margin-top: 10px;
    }
    #toolbox
    {
        width: 30%;
        height: 100%;
        float: right;
    }
    #mcanvas
    {
        width: 69%;
        height: 546px;
        float: left;
        background-color: #323232;
    }
    .header
    {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        font-size: medium;
        color: #E3E3E3;
        font-style: italic;
        background-color: #141414;
        margin-top: -5px;
        text-align: left;
    }
    #create
    {
       
        background-color: #323232;
        padding-top: 5px;
        color: white;
    }
    form
    {
        margin-left: 3px;
        padding-bottom: 5px;
    }
    select
    {
        width: 277px;
    }
    #view
    {
        background-color: #323232;
        margin-top: 10px;
        height: 221px;
    }
    #choose-color
    {
        margin-top: -13px;
        background-color: #323232;
        padding-bottom: 3px;
        height: 76px;
        text-align: center;
    }
    #choose-color button
    {
        height:30px;
        width: 30px;
        margin-right:5px;
        }
    #tool
    {
        background-color: Gray;
    }
    canvas
    {
        margin:47px auto;
        margin-left:100px;}
    .color-cell
    {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        margin-left:5px;}
       #tool
       {
          text-align: center;}
     #shape
     {
         margin-top:10px;
         background-color:#323232;
         text-align:center;
         padding-bottom: 10px;
         }
